<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/bt3.css" />
		<link rel="stylesheet" href="css/app.css" />
		<meta content="user-scalable=no,width=device-width, initial-scale=1" name="viewport">
		<link rel="stylesheet" href="css/page-fast-news-60c1b0fb04288316f8b14bbbcc409bff.css" />
		<link rel="stylesheet" href="css/application-febb10a4ab803df13138ef8cf968c276.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<link rel="stylesheet" href="css/detail.css" />
		<link rel="stylesheet" href="css/biaoqian.css" />
		<link rel="stylesheet" href="assets/design/css/trumbowyg.css">
<script src="assets/jquery.min.js"></script>
<script src="assets/trumbowyg.js"></script>
<script src="assets/plugins/base64/trumbowyg.base64.js"></script>
		<title></title>
		<style>
			div{width: 100%;}
			.logo img{display:block; margin:0 auto;}
			.upload{position: relative;width: 80px;height: 25px;line-height: 18px;background: #F0F8FF;text-align: center;
				color: #0000FF;padding: 0px 5px;-webkit-border-radius: 2px;border-radius: 2px;
				margin: 0 auto;
			}
			.upload form{width:100%;position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=0);}
			.upload form input{width: 100%;}
		</style>
	</head>
	<body style="background-color: #fff;" class=" pace-done">

		<header class="common-header J_commonHeaderWrapper" data-stat-module="dingbudaohang">
			<div class="container">
				<a class="logo" href="#">
					<img src="img/logo.png"  /> </a>
				<div class="triggers">
				</div>
				<nav>

				</nav>
				<div class="right-col J_rightNavWrapper">
					<ul class="sub-nav">
						<li class="login-actions"> <a  href="index.html" style="margin-top: -4px;" class="login-link J_login" data-stat-click="dengluzhuce"><i class="headericon-header-user"></i>返回主页</a> </li>
					</ul>
				</div>
			</div>
		</header>
	


		<div class="container paperCut" style="margin-top: 35px;">
			<div class="row">
				<div class="col-md-3">
					<div class="box">
						<div class="touxbox">
							<img src="images/670974751893014737.jpg" class="touxiang" />
						</div>
						<div class="touxn" style="margin-top: 10px;">
							<label>上传头像：</label>
							<form role="form" action="/hire/hr/picture" method="post" enctype="multipart/form-data">
								<div class="form-group" style="margin-left: 40px;margin-top: 20px">
									<input name="picture" type="file" id="picture">
								</div>
								<button type="submit" class="btn btn-default">提交</button>
							</form>

						</div>
						
					<div class="tongxun">
					<h4 style="text-align: left;border-bottom: 1px #ccc solid;line-height: 30px;margin: 0 auto;margin-bottom: 20px;width: 90%;"><img src="img/u300.png" />&nbsp;基本信息</h4>
					<form class="form-horizontal" role="form">
						<div class="form-group">
						    <label  class="col-sm-3 control-label">姓名:</label>
						    <div class="col-sm-8">
						      <input type="email" class="form-control" id="name" placeholder="请输入姓名" autofocus />
						    </div>
						  </div>

						  <div class="form-group">
						    <label  class="col-sm-3 control-label">班级:</label>
						    <div class="col-sm-8">
								<input type="email" class="form-control" id="status" placeholder="请输入班级" autofocus />
						      <!--<select class="form-control" id="inputEmail3" >-->
						      	<!--<option>产品</option>-->
						      	<!--</select>-->
						    </div>
						  </div>

						<div class="form-group">
							<label  class="col-sm-3 control-label">工资:</label>
							<div class="col-sm-8">
								<input type="email" class="form-control" id="salary" placeholder="请输入您的期望工资" autofocus />
							</div>
						</div>
						<div class="form-group">
							<label  class="col-sm-3 control-label">住址:</label>
							<div class="col-sm-8">
								<input type="email" class="form-control" id="adress" placeholder="请输入您的住址" autofocus />
							</div>
						</div>
						  
						  
						  <div class="form-group">
						    <label  class="col-sm-3 control-label">性别:</label>
						    <div class="col-sm-8">
						      <select class="form-control" id="sex" >
						      	<option>男</option>
						      	<option>女</option>
						      	</select>
						    </div>
						  </div>
						  
						 </form>
						 <h4 style="text-align: left;border-bottom: 1px #ccc solid;line-height: 30px;margin: 0 auto;margin-bottom: 20px;width: 90%;"><img src="img/u300.png" />&nbsp;通讯方式</h4> 
					<form class="form-horizontal" role="form">
						<div class="form-group">
						    <label  class="col-sm-3 control-label"><img  src="img/QQ.png" /></label>
						    <div class="col-sm-8">
						      <input type="email" class="form-control" id="qq" placeholder="QQ">
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label  class="col-sm-3 control-label"><img src="img/weixin.png"  /></label>
						    <div class="col-sm-8">
						      <input type="email" class="form-control" id="wx" placeholder="微信">
						    </div>
						  </div>
						  
						  
						  <div class="form-group">
						    <label  class="col-sm-3 control-label"><img src="img/email.png" /></label>
						    <div class="col-sm-8">
						     <input type="email" class="form-control" id="email" placeholder="email">
						    </div>
						  </div>
						   <div class="form-group">
						    <label  class="col-sm-3 control-label"><img src="img/phone.png" /></label>
						    <div class="col-sm-8">
						     <input type="email" class="form-control" id="phonenum" placeholder="手机号">
						    </div>
						  </div>
						  
						 </form>	
					
					</div>
						<div style="padding-left: 30px;padding-bottom: 100px;">
						</div>
					</div>
					<!--<div class="box" >
						<h3 class="clearfix">高级匹配</h3>
						<div class="content paper-suggest">
							<div class="mt2">
								<p>您的公司规模</p>
								<input type="text" placeholder="输入公司人数" style="padding: 5px;width: 100%;" class="form-control"/>
							</div>
							<div class="mt2">
								<p>您的公司地址</p>
								<input type="text" placeholder="输入地址（地名、大厦或街道）" style="padding: 5px;width: 100%;" class="form-control" />
							</div>
							<div class="mt2" style="text-align: center;margin-bottom: 10px;padding-top: 20px;"><input  type="button" value="马上匹配人才"  style="background-color: #008df2;color: #fff;border: 0px;padding: 5px;width: 80%;"/></div>
						</div>
					</div>-->
					
				</div>
				<div class="col-md-9">
					<div class="box" style="margin-top: 100px;">
						<div style="padding: 10px;margin-top: 10px;">
									  	<span>擅长技能：</span>
									  	<input class="form-control" type="text" name="staticPath" value="程序猿" id="skill" />
									  </div>
									  <div style="padding: 10px;margin-top: -10px;">
									  	<span>其他印象：</span><input class="form-control" type="text" name="staticPath" value="萝莉" id="impression" />
									  </div>
						<div style="padding: 10px;margin-top: -10px;">
									  	<span>应聘职位：</span><input class="form-control" type="text" name="staticPath" value="java工程师" id="postition" />
									  </div>
					</div>
					<!--作品-->
					<div class="box" style="margin-top: 20px;">
						<div class="content">
							<dl class="clearfix" >
								   <dt class="clearfix pull-left">
										<p class="paper-image">
											<a class="J_view paper-title" data-url="" data-id="34" href="" target="_blank">
											<img  src="img/u300.png"  style="width: 30px;" />
											作品
											</a>
										</p>
										
										</dt>
									</dl>
									
									<div id="odiv" style="display:none;position:absolute;z-index:100;">
								    <img src="assets/pic/sx.png" title="缩小" border="0" alt="缩小" onClick="sub(-1);"/>
								    <img src="assets/pic/fd.png" title="放大" border="0" alt="放大" onClick="sub(1)"/>
								    <img src="assets/pic/cz.png" title="重置" border="0" alt="重置" onClick="sub(0)"/>
								    <img src="assets/pic/sc.png" title="删除" border="0" alt="删除" onClick="del();odiv.style.display='none';"/>
								</div>
								<div  onmousedown="show_element(event)" style="clear:both" id="production" class="editor">
								
								</div>
									</div>
					</div>
					<!--履历简介-->
					<div class="box" style="margin-top: 20px;">
						<div class="content">
							<dl class="clearfix" >
								   <dt class="clearfix pull-left">
										<p class="paper-image">
											<a class="J_view paper-title" data-url="" data-id="34" href="" target="_blank">
											<img  src="img/u298.png"  style="width: 30px;" />
											</span>履历简介
											</a>
										</p>
									
										</dt>
									</dl>
									
									<div id="odiv" style="display:none;position:absolute;z-index:100;">
								    <img src="assets/pic/sx.png" title="缩小" border="0" alt="缩小" onClick="sub(-1);"/>
								    <img src="assets/pic/fd.png" title="放大" border="0" alt="放大" onClick="sub(1)"/>
								    <img src="assets/pic/cz.png" title="重置" border="0" alt="重置" onClick="sub(0)"/>
								    <img src="assets/pic/sc.png" title="删除" border="0" alt="删除" onClick="del();odiv.style.display='none';"/>
								</div>
								<div  onmousedown="show_element(event)" style="clear:both" id="introduction" class="editor">
								
								</div>
									</div>
					</div>
					<!--工作经历-->
					<div class="box" style="margin-top: 20px;">
						<div class="content">
							<dl class="clearfix" >
								   <dt class="clearfix pull-left">
										<p class="paper-image">
											<a class="J_view paper-title" data-url="" data-id="34" href="" target="_blank">
											<img  src="img/u306.png"  style="width: 30px;" />
											</span>工作经历
											</a>
										</p>
										</dt>
									</dl>
									<div id="odiv" style="display:none;position:absolute;z-index:100;">
								    <img src="assets/pic/sx.png" title="缩小" border="0" alt="缩小" onClick="sub(-1);"/>
								    <img src="assets/pic/fd.png" title="放大" border="0" alt="放大" onClick="sub(1)"/>
								    <img src="assets/pic/cz.png" title="重置" border="0" alt="重置" onClick="sub(0)"/>
								    <img src="assets/pic/sc.png" title="删除" border="0" alt="删除" onClick="del();odiv.style.display='none';"/>
								</div>
								<div  onmousedown="show_element(event)" style="clear:both" id="experience" class="editor">
								
								</div>
									</div>
					</div>
					<div class="box" style="margin-top: 0px;">
						<div style="padding: 10px;margin-top: 10px; margin-left: 700px">
							<button class="btn btn-primary btn-lg " type="button" id="submitbtn">确认提交</button>
						</div>
					</div>

				</div>
			</div>
		</div>
		<script src="./js/message.js"></script>
<script type="text/javascript">

var WS = function(opt){

	var regexp = opt.regexp || /\S/,
		el = $(opt.el), 
			list = el.val().split(','),
			holder = $('<span class="words-split"></span>'),
			add = $('<a href="javascript:void(0)" class="words-split-add">+</a>');

	for (var i = 0; i < list.length; i++) {
		holder.append( $('<a href="javascript:void(0)" class="fm-button">'+list[i]+'<em> </em></a>') );
	}

	el.hide().after( holder );
	holder.after(add);

	holder.on('click','a>em',function(){	//刪除
		$(this).parent().remove();
		el.val( holder.text().match(/\S+/g).join(',') )
	});
	
	add.on('click',function(){				//添加预处理
		$(this).hide();
		holder.append( $('<span class="lbl-input" contenteditable="true"/>') )
	});
	
	holder.on('blur','.lbl-input',function(){	//验证添加字段
		var t = $(this),v = t.text();
		if( regexp.test(v) ){
			t.remove();
			add.show();
			holder.append( $('<a href="javascript:void(0)" class="fm-button">'+v+'<em> </em></a>') );
			el.val( holder.text().match(/\S+/g).join(',') )
		}else if(!v){
			t.remove();
			add.show();
		}
	});
	
	holder.on('keydown','.lbl-input',function(e){
		switch(e.keyCode){
			case 13:
			case 27: $(this).trigger('blur');
		}
	});

}

WS({el:'#staticPath'});
WS({el:'#staticPath1'});
//获取值
function gettag()
{
  var content=$("#staticPath").val();
  alert(content);
}
</script>
	
</body>
</html>
